<!DOCTYPE html>
<html>
<head>
    <title>PCC-EV</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript" src="../../../js/pcc.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../css/pcc.css"/>
</head>
<body>
<header>
    PCC - EV Charging
</header>
<nav>
    <div>6200</div>
    <div>6210</div>
    <div>6220</div>
    <div>6230</div>
</nav>
<div class="main">

    <section class="parking-spots">
        <h3>Parking Spaces</h3>
        <div class="grid">
            <div class="row no-collapse half">
                <div class="6u"><a class="image fit" href="#"><img alt="" src="images/pic04.jpg"></a></div>
                <div class="6u"><a class="image fit" href="#"><img alt="" src="images/pic05.jpg"></a></div>
            </div>
            <div class="row no-collapse half">
                <div class="6u"><a class="image fit" href="#"><img alt="" src="images/pic06.jpg"></a></div>
                <div class="6u"><a class="image fit" href="#"><img alt="" src="images/pic07.jpg"></a></div>
            </div>
        </div>
    </section>



    <div class="station">Lot 1A</div>
    <div class="station">Lot 2A</div>
    <div class="station">Lot 1B</div>
    <div class="station">Lot 2B</div>


    <div class="d-table">
        <div class="d-row">
            <div class="d-cell first">1A</div>
            <div class="d-cell first">2A</div>
        </div>
        <div class="d-row">
            <div class="d-cell first">1B</div>
            <div class="d-cell first">2B</div>
        </div>
    </div>


</div>
<footer>
    PCC-Ev charging
</footer>
</body>
</html>